<html> 
<head> 
	<title>Overgrowth Downloader</title> 
	
	<link type="text/css" href="scripts/jquery/ui/theme/ui.all.css" rel="Stylesheet" />
	<link type="text/css" href="style.css" rel="Stylesheet" />
	
	<script type="text/javascript" src="scripts/AIRAliases.js"></script>
	<script type="text/javascript" src="scripts/functions.js"></script>
	<script type="text/javascript" src="scripts/data_structure.js"></script>
	
	<script type="text/javascript" src="scripts/jquery/jquery.js"></script>
	<script type="text/javascript" src="scripts/jquery/ui/jquery-ui.js"></script>
	
	<script type="text/javascript" src="scripts/mainpanel.js"></script>
	<script type="text/javascript" src="scripts/supportpanel.js"></script>
	<script type="text/javascript" src="scripts/toppanel.js"></script>
	
	<script type="text/javascript" src="scripts/mod_manager.js"></script>
	
	<script type="text/javascript">
		/**
		 * Global variables
		 */
		// Master list which contains a list of all mods avaliable
		var master = new modList({});
		// Object that stores the location of /<overgrowth_root>/data/
		var dir = '';
		// Creation name panel
		var creationName = '';
		
		/**
		 * Startup functions
		 */
		$(document).ready(function(){
			loadOvergrowthDir();
			master.getModList();
		});
		function afterLoad() {
			air.trace('Loaded');
			loadInstalled();
			creationName = new mainPanel({
				filter: {
					latest: true
				},
				sort: 'name'
			});
			tags = new mainPanel({
				filter: {
					latest: true
				},
				group: 'tag'
			});
			typepanel = new mainPanel({
				filter: {
					latest: true
				},
				group: 'type'
			});
		}
	</script> 
</head> 
<body>
	<div id="supportpanel">
		<h1>Installed</h1>
		<div id="installprogress"></div>
		<ul id="installed">
			
		</ul>
	</div>
	<div id="topbar">
		<div id="search">
			<input type="text" name="search" />
			<input type="submit" value="Search" />
		</div>
		<div id="breadcrumbs">
			Home
		</div>
	</div>
	<div id="mainpanel">
		<div id="home">
			<h1>Browse by:</h1>
			<ul>
				<li><a href="#" onclick="creationName.display()">Creation Name</a></li>
				<li><a href="#" onclick="tags.display()">Tag</a></li>
				<li><a href="#" onclick="typepanel.display()">Type</a></li>
				<!-- <li><a href="#">Author</a></li>
				<li><a href="#">Tag</a></li> -->
			</ul>
			
			<h1>Options:</h1>
			<ul>
				<li><a href="#" onclick="setOvergrowthDir(false)">Set Overgrowth Folder</a></li>
			</ul>
			
			<h1>Master Debug:</h1>
			<ul>
				<li><a href="#" onclick="master.outputMods()">Output All Mods</a></li>
				<li><a href="#" onclick="master.outputInstalled()">Output Installed</a></li>
				<li><a href="#" onclick="master.outputOutofdate()">Output Out Of Date</a></li>
			</ul>
		</div>
	</div>
</body> 
</html>